/**
 *  父传子
 *  1、props
 *  2、children属性
 *  3、父组件提供方法给子组件调用  props传递方法给子组件  子组件调用父组件的方法 通过返回值获取父传子的参数
 *  4、子组件提供方法给父组件调用  父组件调用子组件的方法
 */
import React, { Component } from 'react'

export default class App extends Component {
  sendData = () => {
    return '父组件发送的数据'
  }
  render() {
    return (
      <div>
        父组件
        <Child msg="父组件的msg" sendData={this.sendData}>
          100
        </Child>
      </div>
    )
  }
}

class Child extends Component {
  componentDidMount() {
    // 子组件调用父组件的方法  并获取返回值  从而实现父传子
    console.log(this.props.sendData())
  }
  render() {
    // console.log(this.props)
    return <div>子组件</div>
  }
}
